$(function () {
  // 1- 表单校验功能 
  //  规则： 
  //  1- 用户名和密码非空！
  //  2- 用户名长度2-6位 
  //  3- 密码长度6-12位！

  $('.login-form').bootstrapValidator({

    //1-指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    // 插件会默认不校验 不可用 和不可见的表单 
    excluded: [':disabled', ':hidden', ':not(:visible)'],

    //2- 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },

    // 3-指定要校验的数据(字段)
    fields: {
      //表单校验插件 根据name属性进行校验 
      username: {
        // 校验规则 
        validators: {
          // 非空：
          notEmpty: {
            // 提示消息
            message: '用户名不能为空！'
          },
          // 长度2-6位 
          stringLength: {
            min: 2, // 最小长度
            max: 6, // 最大长度 
            message: '用户名必须2-6位！'
          },
          // 拓展提示信息
          callback: {
            message: '用户名错误！'
          }
        }
      },
      password: {
        // 校验规则 
        validators: {
          // 非空：
          notEmpty: {
            // 提示消息
            message: '密码不能为空！'
          },
          // 长度6-12位 
          stringLength: {
            min: 6, // 最小长度
            max: 12, // 最大长度 
            message: '密码长度必须是6-12！'
          },
          // 拓展一个提示信息
          callback: {
            message: '密码错误！'
          }
        }
      }
    }
  });

  // 2- 重置表单校验样式 
  $('.btn-reset').click(function () {
    $('.login-form').data('bootstrapValidator').resetForm(); //重置表单校验样式
  });

  // 3- 用户登录
  // 1- 点击登陆按钮，获取输入用户名和密码 ， 在表单数据合理的情况下，发送数据给后台
  // 2- 接收后台返回登陆结果
  //   登录成功： 进行后台系统的首页
  //   登录失败： 提示错误信息， 重新登录 

  // 点击登陆按钮，获取输入用户名和密码 ， 在表单数据合理的情况下，发送数据给后台
  // $('.btn-login').click(function () {
  //   // 获取输入用户名和密码
  //   if (数据合理) {
  //     
  //   }
  // })

  // 表单校验插件， 提供了 success.form.bv 事件, 在 用户点击提交按钮，并且数据合理的情况下触发
  $('.login-form').on('success.form.bv', function (e) {
    // 阻止submit的的默认行为， 阻止页面刷新 
    e.preventDefault();
    // 把用户信息发送给后台，进行登陆校验 
    $.ajax({
      type: 'post',
      url: '/employee/employeeLogin',
      data: $('.login-form').serialize(),
      dataType: 'json',
      success: function (res) {
        console.log(res);
        // 处理登录结果
        // 登录成功： 进入后台系统的首页        
        if (res.success) {
          // 登录成功 ，跳转到首页 
          location.href = './index.html';
        }
        // 登录失败： 提示错误信息， 重新登录 
        if (res.error == 1000) {
          // 在用户登录失败后，将对应表单的校验状态 改为失败的状态
          $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
        }

        if (res.error == 1001) {
          // 在用户登录失败后，将对应表单的校验状态 改为失败的状态
          $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
        }
      }
    })
  })

});

